<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <title>Title</title>
</head>
<body style="position: relative">
<div style="text-align: center">
    <img src="/images/publish.png" style="position: fixed;bottom: 64px;width: 88px;height: 88px;">
</div>


<div class="container" style="height: 80px;width: 100%;border-bottom: solid #9c9c9c9c 2px">
    <div class="col-xs-2">
        <img src="/images/icon_jiantouquanbu.png">
    </div>
    <div class="col-xs-8">
        <h4 style="text-align: center">发布</h4>
    </div>
    <div class="col-xs-2" style="text-align: right">
        <p style="display: inline-block">我的发布</p>
        <img src="/images/more.png"style="display: inline-block">
    </div>
</div>
<div id="publish_list"></div>
</body>
<script>
    var publish_list=document.getElementById("publish_list");
    var str="";
    for(var i=0;i<10;i++){
        str=str+"<div style='border-bottom: solid #9c9c9c9c 2px;padding: 8px'> " +
            "<img src='/images/icon_wdfxqq.png' style='height: 88px;width: 88px;display: inline-block;float:left'> " +
            "<div style='display: inline-block ;margin-left: 16px'> " +
            "<h4>发传单</h4> " +
            "<div> " +
            "<p style='display: inline-block'>待遇：</p> " +
            "<p style='display: inline-block;color: red'>12.00</p> " +
            "<p style='display: inline-block'>天</p> " +
            "<p style='display: inline-block;margin-left: 16px'>人数：</p> " +
            "<p style='display: inline-block;color: red'>12人</p> " +
            "<p style='display: inline-block;margin-left: 16px;color: deepskyblue'>距离：0.03km</p> " +
            "</div> " +
            "<div> " +
            "<p style='display: inline-block'>有效时间倒计时：</p> " +
            "<p style='display: inline-block;color: red'>3天3小时</p> " +
            "<p style='display: inline-block;margin-left: 16px'>已报名：</p> " +
            "<p style='display: inline-block;color: red'>0</p> " +
            "<p style='display: inline-block;margin-left: 16px;'>人</p> " +
            "</div> " +
            "</div> " +
            "</div>";
    }
    publish_list.innerHTML=str;
</script>
</html>